import React from "react";
import type { FC } from "react";
import { ConfigProvider } from "antd";
interface ConfigAntdProps {
  children?: React.ReactNode;
}
const ConfigAntd: React.FC<ConfigAntdProps> = ({ children }) => {
  return (
    <>
      <ConfigProvider
        theme={{
          token: {
            colorBgContainerDisabled: "#ffffff",
            colorPrimary: "#a0d911",
            colorLink: "#a0d911",
            colorInfo: "#a0d911",
            colorInfoActive: "#7cb305",
            colorInfoBg: "#fcffe6",
            colorInfoBgHover: "#f4ffb8",
            colorInfoBorder: "#d3f261",
            colorInfoBorderHover: "#d3f261",
            colorInfoText: "#a0d911",
            colorInfoTextActive: "#7cb305",
            colorInfoTextHover: "#bae637",
            colorLinkActive: "#7cb305",
            colorLinkHover: "#d3f261",
            colorPrimaryActive: "#7cb305",
            colorPrimaryBg: "#fcffe6",
            colorPrimaryBgHover: "#f4ffb8",
            colorPrimaryBorder: "#eaff8f",
            colorPrimaryBorderHover: "#d3f261",
            colorPrimaryHover: "#bae637",
            colorPrimaryText: "#a0d911",
            colorPrimaryTextActive: "#7cb305",
            colorPrimaryTextHover: "#bae637",
          },
        }}
      >
        {/* 渲染app组件 */}
        {children}
      </ConfigProvider>
    </>
  );
};

export default ConfigAntd;
